<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function Person(name, age, sex) {
        // 1. 创建了一个空对象
        // const this={}
        // 2. 让this指向这个空对象
        // 3. 执行构造函数里面的代码，给这个空对象添加属性和方法
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.sayHi = function () {
          console.log("Nice to meet");
        };
        // 4. return this 返回这个对象(this)
      }
      // 当我们指向new的时候，会去执行构造函数内部的代码
      const p = new Person("jack", 18, "female");
      // new的执行过程  ===>背下来

      // 1. 在函数内部创建了一个空对象
      // 2. 让this指向这个空对象
      // 3. 执行构造函数里面的代码，给这个空对象添加属性和方法
      // 4. 返回这个对象(this)
    </script>
  </body>
</html>
